<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倒计时</title>
</head>
<body>
    <!-- 案例分析：
           1 核心算法 ： 输入的时间减去现在的时间 就是剩余的时间，即倒计时， 但也不能拿着时分秒 相减，比如 05 减去 25， 结果是负数
           2 用时间戳来做 用户输入的时间总得毫秒数减去现在时间总的毫秒数，得到的就是剩余时间的毫秒数
           3 把剩余时间总的毫秒数转换为 天 时 分 秒（时间戳转换时分秒） -->
           <script>
            //    conutDown 倒计时的意思
               function conutDown(time){
                var nowTime = +new Date(); //返回的是当前总的毫秒数
                var inputTime = +new Date(time); //返回的是用户输入时间总的毫秒数
                var times = (inputTime - nowTime) / 1000; // time 就是剩余时间总的毫秒数  除以1000得到秒数
                var d = parseInt(times / 60 / 60 / 24); //得到 天
                d = d < 10 ? '0' + d : d; 
                var h = parseInt(times / 60 / 60 % 24); //得到 时
                h = h < 10 ? '0' + h : h; 
                var m = parseInt(times / 60 % 60 ); //得到 分
                m = m < 10 ? '0' + m : m; 
                var s = parseInt(times % 60 ); //得到 当前的秒
                s = s < 10 ? '0' + s : s; 
                return d + '天' + h + '时' + m + '分' + s + '秒';
               }
               console.log(conutDown('2020-9-18 23:00:00'));

           </script>
</body>
</html>


<!-- var d = parseInt(times / 60 / 60 / 24); //得到 天
var h = parseInt(times / 60 / 60 % 24); //得到 时
var m = parseInt(times / 60 % 60 ); //得到 分
var s = parseInt(times % 60 ); //得到 秒 --> 